async と defer
<script>
の属性
どちらも非同期的にjsファイルをダウンロードする
async
code:html
<script async src="./script.js">
利用可能な時点でスクリプトを実行
実行中はHTML文書の読み込みが停止
defer
code:html
<script defer src="./script.js">
HTML文書を読み込んだ時点でスクリプトを実行
ref
<script>-HTML5タグリファレンス
<script> タグに async / defer を付けた場合のタイミング - Qiita
図がわかりやすい
スクリプトの非同期読み込み(async, deferの違い) - わくわくBank
図がわかりやすい